//  out: ${workspaceRoot}/
@import './_base.less';
@import './_colorUI.less';
@import '../miniprogram_npm/@vant/weapp/common/index.wxss'; // vant 内置样式

image {
  vertical-align: middle;
}

page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC;
  // -apple-system 和 BlinkMacSystemFont 就是让 MAC OS 自动选择系统字体的意思
  // font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  font-size: 16px;

  // 页面主体
  .container {
    flex: 1;
    width: 100vw;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    transform: translate(0, 0);
    overflow: hidden;
    background-color: #f6f7f8;
  }

  // 页面内容
  .main {
    flex: 1;
    height: 100px;
    // height: 100%;
  }
}
// vant组件样式自定义
.container {
  --button-default-font-size: 30rpx;
  --button-info-background-color: #2ba6e2;
  --button-border-radius: 16rpx;
  --button-large-height: 108rpx;
  --cell-font-size: 30rpx;
  --cell-horizontal-padding: 24rpx;
  --cell-text-color: rgba(#222, 1);
  --cell-label-color: rgba(#222, 0.5);
  --cell-label-margin-top: 0;
  --cell-label-line-height: initial;
  --button-small-height: 56rpx;
  --button-small-min-width: 184rpx;
  --field-label-color: #333;
  --field-placeholder-text-color: rgba(#222, 0.3);
  --switch-on-background-color: #2ba6e2;
  --switch-background-color: #e8e8e8;

  //#region vant框架 样式格式化
  // icon 图标
  .van-icon {
    vertical-align: middle;
  }

  // cell单元格 去除下划线左间距
  .van-cell::after {
    left: 0;
    right: 0;
  }
  .van-cell {
    min-height: 96rpx;
  }


  // tab选项 active下滑线
  .van-tabs__line {
    // background-color: var(--blue);
  }

  // panel 右侧 status容器 样式
  .panel-index--van-panel__header-value {
    font-size: 24rpx;
    font-weight: 400;
    color: rgba(126, 140, 155, 1);
  }

  //#endregion vant框架 样式格式化
}

// 通用样式
.container {
  .title {
    font-size: 32rpx;
    font-weight: bold;
  }
  .subtitle {
    font-size: 30rpx;
    color: rgba(#222, 0.6);
  }
  .desc {
    font-size: 28rpx;
    color: rgba(#222, 0.5);
    .van-icon {
      margin-right: 8rpx;
      color: #2ca6e0;
    }
  }
  .time {
    color: rgba(#222, 0.3);
  }

  .page_title {
    padding-left: 36rpx;
    margin-bottom: 12rpx;
    line-height: 36rpx;
    color: #222;
    font-size: 30rpx;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;

    &::before {
      content: '';
      position: absolute;
      left: 8rpx;
      top: 50%;
      transform: translateY(-50%);
      width: 16rpx;
      height: 24rpx;
      background-color: #2ca6e0;
      border: 2rpx solid;
      border-color: #231815;
      border-radius: 8rpx;
      box-sizing: border-box;
    }

    .btn_loadmore {
      font-size: 28rpx;
      font-weight: normal;
    }
  }

  .page_card {
    width: 100%;
    background-color: #fff;
    border-radius: 16rpx;
    box-shadow: 4rpx 4rpx 16rpx rgba(0, 0, 0, 0.04);
    overflow: hidden;
  }

  .model_tips {
    position: relative;
    padding-left: 24rpx;
  
    &::before {
      content: '';
      position: absolute;
      left: 0;
      top: 14rpx;
      width: 16rpx;
      height: 16rpx;
      background-color: #f4cd11;
      border: 2rpx solid;
      border-color: #231815;
      border-radius: 50%;
      box-sizing: border-box;
    }
    .title {
      padding-bottom: 6rpx;
    }
  }
}

// 去除页面滚动条
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}